.customer-tag-edit {
  display: flex;
  align-items: center;
  .base-tags {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    // margin-left: 8px;
    padding-top: 12px;
    .el-tag {
      margin-left: 0;
      margin-right: 5px;
      margin-bottom: 12px;
    }
  }
  i {
    cursor: pointer;
    margin-left: 10px;
  }
}

.customer-tag-edit-text {
  cursor: pointer;
  color: $text-color-regular;
  font-size: $font-size-base;
  margin-bottom: 12px;
  padding-top: 12px;
  i {
    color: $text-color-regular !important;
  }
  &:hover {
    color: $color-primary;
    i {
      color: $color-primary !important;
    }
  }
}

.customer-tag-edit-empty {
  .base-tags {
    padding-top: 0;
    margin-left: 0;
  }
  .customer-tag-edit-text {
    margin-bottom: 0;
    i {
      margin-left: 0;
    }
  }
}

.form-item-customer-tag-edit,
.form-view-row-content {
  .customer-tag-edit {
    .base-tags {
      padding-top: 0;
      margin-left: 0;
      .el-tag:nth-of-type(1) {
        margin-left: 0;
      }
    }
    .el-tag,
    .customer-tag-edit-text {
      margin-bottom: 0;
    }
  }
  .customer-tag-edit-multi {
    .el-tag,
    .customer-tag-edit-text {
      margin-bottom: 8px;
    }
  }
}